<style include="multidevice-setup-shared">
  :host {
    width: 100%;
  }

  multidevice-setup {
    --multidevice-setup-width: 768px;
    --iron-pages-overflow: visible;
  }

  #backward-button,
  #cancel-button,
  #forward-button {
    align-items: center;
    display: flex;
    justify-content: center;
    text-transform: none;
  }
</style>
<multidevice-setup delegate="[[delegate_]]"
    on-setup-exited="onExitRequested_"
    on-forward-button-focus-requested="onForwardButtonFocusRequested_"
    on-visible-page-name-changed="onVisiblePageNameChanged_"
    forward-button-text-id="{{forwardButtonTextId_}}"
    forward-button-disabled="{{forwardButtonDisabled_}}"
    cancel-button-text-id="{{cancelButtonTextId_}}"
    backward-button-text-id="{{backwardButtonTextId_}}">
  <cr-button id="backward-button"
      slot="backward-button" class="cancel-button">
    [[getButtonText_(backwardButtonTextId_)]]
  </cr-button>
  <cr-button id="cancel-button"
      slot="cancel-button" class="cancel-button">
    [[getButtonText_(cancelButtonTextId_)]]
  </cr-button>
  <cr-button id="forward-button"
      slot="forward-button" class="action-button"
      disabled$="[[forwardButtonDisabled_]]">
    [[getButtonText_(forwardButtonTextId_)]]
  </cr-button>
</multidevice-setup>
